/* Import common styles and then override them below */
@import "../interactive-common/common.css";

.toolbar-menu-bar-child {
    background: var(--override-background, var(--vscode-editor-background));
    z-index: 10;
}

#main-panel-content {
    grid-area: content;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.messages-result-container {
    width: 100%;
}

.messages-result-container pre {
    white-space: pre-wrap;
    font-family: monospace;
    margin: 0px;
    word-break: break-all;
}

.cell-wrapper {
    margin: 0px;
    padding: 0px;
    display: block;
}

.cell-result-container {
    margin: 0px;
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
}

.cell-outer {
    display:grid;
    grid-template-columns: auto minmax(0, 1fr) 8px;
    grid-column-gap: 3px;
    width: 100%;
}


.cell-output {
    margin: 0px;
    width: 100%;
    overflow-x: scroll;
    background: transparent;
}

.cell-output>div {
    background: var(--override-widget-background, var(--vscode-notifications-background));
}

xmp {
    margin: 0px;
} 

.cell-input {
    margin: 0;
}

.markdown-cell-output {
    width: 100%;
    overflow-x: scroll;
}

.cell-output-text {
    white-space: pre-wrap;
    word-break: break-all;
    overflow-x: hidden;
}